<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Login Page</title>
    <link href="../../../css/bootstrap.min.css" rel="stylesheet">
    <link href="../../../css/theme.css" rel="stylesheet">
    <link href="../../../css/animate.min.css" rel="stylesheet">
    <link href="../../../css/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet">
    <link href="../../../css/plugins/panel.css" rel="stylesheet"/>
    <style type="text/css">
        body #content .as-panel {
          box-shadow: 0 1px 40px 0 rgba(0, 0, 0, 0.3);
        }
        body {
            background-size:100% 100%;
            overflow:hidden;
        }
        body #main {
            overflow: hidden;
            background: url("../../../images/1.jpg") no-repeat top center #2d494d;
            background-size:100% 100%;overflow:hidden;
            min-height: 1000px;
        }
    </style>

    <!--[if lt IE 9]>
    <script src="../../../js/html5shiv.min.js"></script>
    <script src="../../../js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <div id="main" class="animated fadeIn">
        <section id="content" class="container">
            <div class="admin-form mw500">
                <div class="row table-layout">
                    <a href="" title="登录">
                        <img src="http://admindesigns.com/demos/absolute/1.1/assets/img/logos/logo_white.png" title="AdminDesigns Logo" class="center-block img-responsive mw280" />
                    </a>
                </div>
                <div class="as-panel panel-info mt10 br-n">
                    <form method="post" action="/">
                        <div class="panel-heading heading-border bg-white">
                            
                        </div>
                        <div class="as-panel-body bg-light p25 pb15">
                            <div class="section">
                                <label for="username" class="field-label text-muted fs18 mb10">账号</label>
                                <label for="username" class="field prepend-icon">
                                    <input type="text" name="username" class="gui-input" placeholder="请输入登录账号" />
                                    <label for="username" class="field-icon">
                                        <i class="fa fa-user"></i>
                                    </label>
                                </label>
                            </div>
                            <div class="section">
                                <label for="username" class="field-label text-muted fs18 mb10">密码</label>
                                <label for="username" class="field prepend-icon">
                                    <input type="password" name="username" class="gui-input" placeholder="请输入登录密码" />
                                    <label for="username" class="field-icon">
                                        <i class="fa fa-lock"></i>
                                    </label>
                                </label>
                            </div>
                        </div>
                        <div class="as-panel-footer clearfix">
                            <button type="submit" class="button btn-primary mr10 pull-right">登录</button>
                        </div>
                    </form>
                </div>
            </div>
        </section>
    </div>
<script src="//cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<script src="../../../js/bootstrap.min.js"></script>
</body>
</html>